<template>
    <div id="app">
        <keep-alive include="Home,Search">
            <router-view/>
        </keep-alive>
    </div>
</template>

<style lang="scss">
    @import "~element-ui/packages/theme-chalk/src/mixins/mixins";


    html, body {
        font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin: 0;
        padding: 0;
    }

    a {
        -webkit-tap-highlight-color: transparent;
    }

    // 默认加载转圈样式修改
    .el-loading-spinner i {
        color: #fff !important;
        font-size: 1.8em;
    }

    .el-loading-spinner p {
        padding-top: 10px;
        color: #fff !important;
    }

    // 自适应宽度
    .auto-width {
        // :xl="16" :lg="18 " :md="20" :sm="24" :xs="24"
        // <768px
        @include res(xs) {
            width: 100% !important;
        }
        // ≥768px
        @include res(sm) {
            width: 100% !important;
        }
        // ≥992px
        @include res(md) {
            width: (1 / 24 * 20 * 100) * 1% !important;
        }
        // ≥1200px
        @include res(lg) {
            width: (1 / 24 * 18 * 100) * 1% !important;
        }
        // ≥1920px
        @include res(xl) {
            width: (1 / 24 * 16 * 100) * 1% !important;
        }
        margin-left: auto;
        margin-right: auto;
        padding: 0 10px;
    }

</style>
